<template>
    <div class="row">
      <div class="col-12">
        <card :title="table1.title" :subTitle="table1.subTitle">
          <div slot="raw-content" class="table-responsive">
            <paper-table 
             :title="table.title"
             :sub-title="table.subTitle"
             :data="table.data" 
             :columns="table.columns">
            </paper-table>
          </div>
        </card>
      </div>
    </div>
</template>
<script>
import NotificationTemplate from "./Notifications/NotificationTemplate";
import {PaperTable} from "@/components"
const tableColumns=["用户ID","提交详情","健康状态","排队情况"]
export default {
  components: {
    PaperTable,
  },
  data() {
    return {
      type: ["", "info", "success", "warning", "danger"],
      notifications: {
        topCenter: false,
      },
      table:{
        title: "警告状态用户一览",
        subTitle: "点击可以查看详细信息",
        columns: [...tableColumns],
        data: [...tableData],
      },
      
     
    };
  },
  methods: {
    notifyVue(verticalAlign, horizontalAlign) {
      const color = Math.floor(Math.random() * 4 + 1);
      this.$notify({
        component: NotificationTemplate,
        icon: "ti-gift",
        horizontalAlign: horizontalAlign,
        verticalAlign: verticalAlign,
        type: this.type[color],
      });
    },
  },
  
};
</script>
<style></style>
